---
title: 图片消息
hide_title: true
sidebar_position: 4
---

<Tabs
groupId="sdks-language"
values={[
{ label: 'Android', value: 'andorid', },
{ label: 'iOS', value: 'ios', },
{ label: 'JavaScript', value: 'js', }
]
}>
<TabItem value="andorid">

图片消息（ImageMessage）是 SDK 内置的消息类型，对应的 contentType 是 @"jg:img"。

| 属性名       | 类型     | 说明             | 版本  |
| ------------ | -------- | ---------------- | ----- |
| url          | String | 图片的远端地址   | 1.0.0 |
| thumbnailUrl | String | 缩略图的远端地址 | 1.0.0 |
| height       | int      | 图片高度         | 1.0.0 |
| width        | int      | 图片宽度         | 1.0.0 |

</TabItem>
<TabItem value="ios">

图片消息（JImageMessage）是 SDK 内置的消息类型，对应的 contentType 是 @"jg:img"。

| 属性名       | 类型     | 说明             | 版本  |
| ------------ | -------- | ---------------- | ----- |
| url          | NSString | 图片的远端地址   | 1.0.0 |
| thumbnailUrl | NSString | 缩略图的远端地址 | 1.0.0 |
| height       | int      | 图片高度         | 1.0.0 |
| width        | int      | 图片宽度         | 1.0.0 |
</TabItem>
<TabItem value="js">

| 属性名    | 类型    | 说明                                   | 版本     |
|-----------|---------|----------------------------------------|----------|
| url       | Number  | 图片消息的原图地址                      | 1.0.0    |
| thumbnail | Number  | 图片消息的缩略图地址，UI 展示通过高宽属性展示占位图，优先加载缩略图，避免图片加载后跳动 | 1.0.0    |
| height    | Number  | 图片高度                               | 1.0.0    |
| width     | Number  | 图片宽度                               | 1.0.0    |
| size      | Number  | 图片消息原图大小，用于查看或下载时显示进度条，单位 `KB` | 1.0.0    |
| type      | String  | 图片类型，常见图片类型: `png`、`jpg`     | 1.0.0    |

```json
{
  "url": "https://example.com/avatar.png",
  "thumbnail": "https://example.com/avatar_th.png",
  "height": 640,
  "width": 480,
  "size": 100,
  "type": "png"
}
``` 
</TabItem>
</Tabs>